<template>
    <div id="news">
        <h2>这是一个新闻组件</h2>
        <br>
        <button @click="emitHome()">给home组件广播数据</button>
    </div>
</template>
<script>
//引入 vue实例
import VueEvent from '../model/VueEvent.js';
export default {
    data(){
        return{
            msg:'这是一个新闻组件'
        }
    },
    methods:{
        emitHome(){
            //广播
            VueEvent.$emit('to-home',this.msg)
        }
    },
    mounted(){
        VueEvent.$on('to-news',function(data){
            console.log(data);
        })
    }
}
</script>

